<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title></title>
  <link rel="icon" href="favicon.ico" type="image/ico">
  <meta name="keywords" content="LightYear,,后台模板,后台管理系统,光年HTML模板">
  <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
  <meta name="author" content="yinqi">
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/materialdesignicons.min.css" rel="stylesheet">
  <link href="/css/style.min.css" rel="stylesheet">
  <!--对话框-->
  <link rel="stylesheet" href="/js/jconfirm/jquery-confirm.min.css">
  <style>
    .input-with-icon {
      position: relative;
      padding-left: 20px;
      top: -5px;
      display: inline-block;
      vertical-align: middle;
      /* 确保这个div与其他行内元素垂直对齐 */
    }

    .input-with-icon input.btn-default {
      padding-left: 40px;
      /* 根据图标大小调整 */
    }

    .input-with-icon .icon {
      position: absolute;
      right: 5px;
      /* 根据需要调整 */
      top: 50%;
      transform: translateY(-50%);
      /* 垂直居中 */
      pointer-events: none;
      /* 防止点击图标时触发input的点击事件 */
    }
    /* 添加图标的链接样式 */

    .add-item {
      display: inline-block;
      margin-left: 10px;
      /* 与输入框保持间距 */
      text-decoration: none;
      /* 去除下划线 */
      color: #007bff;
      /* 假设链接颜色为蓝色 */
      /* 其他样式，如字体大小、鼠标悬停效果等 */
    }

    .add-item i {
      font-size: 1.5rem;
      /* 假设您想要图标稍大一些 */
      /* 其他图标样式 */
    }
    /* 根据需要添加其他样式 */

    td{
      vertical-align:middle;
    }
  </style>
</head>

<body>
<script src="/js/jquery.min.js" type="text/javascript"></script>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">

    <!--导入头部信息-->
    <div id="header"></div>
    <script>$("#header").load("/header.html")</script>
    <!--导入左侧菜单栏-->
    <!--左侧导航-->
    <aside class="lyear-layout-sidebar">
      <!-- logo -->
      <div id="logo" class="sidebar-header">
        <a href="main.html"><img src="/images/logo-sidebar.png" title="LightYear" alt="LightYear"/></a>
      </div>
      <div class="lyear-layout-sidebar-scroll">
        <!--导入菜单栏-->
        <!--引入left-menu.html页面中的 th:fragment="leftMenu" 部分代码-->
        <div th:replace="/system/common/left :: leftMenu"></div>
        <div class="sidebar-footer">
          <p class="copyright">Copyright &copy; 2019. <a target="_blank"
                                                         href="http://lyear.itshubao.com">IT书包</a>
            All rights reserved.</p>
        </div>
      </div>
    </aside>
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-12">
            <div class="card">
              <div class="card-header"><h4>编辑菜单</h4></div>
              <div class="card-body">
                <form action="add" id="shop-add-form" method="post" class="row">
                  <input type="hidden" name="companyId" th:value="${shop.shopId}">
                  <div class="input-group m-b-10">
                    <span class="input-group-addon">店铺名称</span>
                    <input type="text" class="form-control required" id="shop_Name" name="shopName" th:value="${shop.shopName}" placeholder="店铺名称" tips="请填写菜单名称" />
                  </div>
                  <div class="input-group m-b-10">
                    <span class="input-group-addon">店铺类型</span>
                    <input type="text" class="form-control" id="shop_type" name="shoptype" th:value="${shop.shopType}" placeholder="店铺类型" />
                  </div>
                  <div class="input-group m-b-10">
                    <span class="input-group-addon">店铺电话</span>
                    <input type="text" class="form-control" id="shop_phone" name="shopphone" th:value="${shop.shopPhone}" placeholder="店铺电话" />
                  </div>
                  <div class="input-group m-b-10">
                    <span class="input-group-addon">店铺地址</span>
                    <input type="text" class="form-control" id="shop_address" name="shopaddress" th:value="${shop.shopAddress}" placeholder="店铺地址" />
                  </div>
                  <div class="input-group m-b-10">
                    <span class="input-group-addon">店铺图片</span>
                    <input type="text" class="form-control" id="shop_img" name="shopimg" th:value="${shop.shopImg}" placeholder="店铺图片" />
                  </div>
                  <div class="form-group col-md-12">
                    <button type="button" class="btn btn-primary ajax-post" id="add-form-submit-btn">确 定</button>
                    <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
                  </div>
                </form>
              </div>
            </div>
          </div>

        </div>

      </div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>
<div id="footer"></div>
<script>$("#footer").load("/footer.html")</script>

<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    //提交按钮监听事件
    $("#add-form-submit-btn").click(function(){
      var data = $("#menu-add-form").serialize();
      $.ajax({
        url:'/system/shop/edit',
        type:'PUT',
        data:data,

        success:function(data){
          if(data==="success"){
            showSuccessMsg('菜单编辑成功!',function(){
              window.location.href = '/system/shop/list';
            })
          }else{
            showErrorMsg(data);
          }
        },
        error:function(data){
          alert('网络错误!');
        }
      });
    });
  });

</script>
</body>
</html>